.tp{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.lt{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.ltlist{
    width: 100%;
    height: 100%;
    flex: 1;
    overflow-y: scroll;
}
.chat-list-item-left{
    align-items: center;
    display: flex;
    margin: 10px;
}
.chat-list-item-right{
    align-items: center;
    display: flex;
    margin: 10px;
}
.fs{
    display: flex;
}
.chat-list-item-left .text{
    background: rgb(58, 228, 250);
    padding: 10px;
    border-radius: 5px;
}
.chat-list-item-right .text{
    background: pink;
    padding: 10px;
    border-radius: 5px;
    margin-left: 5px;
}